<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,height=device-height,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <title>位置信息</title>
    <link rel="stylesheet" href="../assets/css/jquery.mobile-1.4.5.min.css">
    <script src="../assets/js/jquery-1.11.1.min.js"></script>
    <script src="../assets/js/jquery.mobile-1.4.5.min.js"></script>
    <!--<script src="../assets/js/jweixin-1.2.0.js"></script>  &lt;!&ndash;微信js接口引入&ndash;&gt;-->
    <!--<script src="../config.js?v=1.0.3"></script>-->
    <link rel="stylesheet" href="../common/common.css">
    <style>
        .page {
            width: 100%;
            height: 100%!important;
            min-height: 100%;
        }
        .content {
            width: 100%;
            height: 100%;
            padding: 0;
        }
    </style>
</head>
<body>
</div>
<div data-role="page" class="page">
    <div data-role="content" class="content">
        <iframe id="mapPage" width="100%" height="100%" frameborder=0
                src="http://apis.map.qq.com/tools/locpicker?search=1&type=1&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77&referer=myapp">
        </iframe>
    </div>
</div>
<script src="../assets/js/fontAdjust.js"></script>
<script>
    window.addEventListener('message', function(event) {
        // 接收位置信息，用户选择确认位置点后选点组件会触发该事件，回传用户的位置信息
        var loc = event.data;
        if (loc && loc.module == 'locationPicker') {//防止其他应用也会向该页面post信息，需判断module是否为'locationPicker'
            sessionStorage.setItem("poiaddress",loc.poiaddress);
            window.location.replace("./join_us.html");
            console.log('location', loc);
        }
    }, false);
</script>
</body>
</html>